<template>
	<view class='content'>
		<u-title>
			保险详情
		</u-title>


		<view class="test">
			<view class='frist'>
				<view style="flex: 2;">
					<text>险种名称</text>
				</view>
				<view style="margin-right: 75upx;">
					<text>投保额度</text>
				</view>
				<view>
					<text>不计免额</text>
				</view>
			</view>




			<view class="two">
				<view style="flex: 2;">
					<text>车险损失费</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>5万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>是</text>
				</view>
			</view>
			
			<view class="two">
				<view style="flex: 2;">
					<text>车身划痕险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>1万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>否</text>
				</view>
			</view>
			
			<view class="two">
				<view style="flex: 2;">
					<text>自燃损失险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>5万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>是</text>
				</view>
			</view>
			
			<view class="two">
				<view style="flex: 2;">
					<text>全车盗抢险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>20万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>是</text>
				</view>
			</view>
			
			<view class="two">
				<view style="flex: 2;">
					<text>涉水损失险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>10万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>是</text>
				</view>
			</view>
			<view class="two">
				<view style="flex: 2;">
					<text>机动车第三者责任险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>1万/1座</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>否</text>
				</view>
			</view>
			<view class="two">
				<view style="flex: 2;">
					<text>司机座位责任险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>10万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>是</text>
				</view>
			</view>
			<view class="two">
				<view style="flex: 2;">
					<text>乘客座位责任险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>五万/座</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>否</text>
				</view>
			</view>
			<view class="two">
				<view style="flex: 2;">
					<text>无法找到第三方特约险</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>五万</text>
				</view>
				<view style="flex: 1;text-align: right;">
					<text>否</text>
				</view>
			</view>




		</view>




	</view>
</template>

<script>
	import title from '../../components/ts.vue'
	export default {
		components: {
			'u-title': title
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.test {
		width: 100%;
		height: 700px;
		padding: 30upx;
		box-sizing: border-box;

		>.frist {
			height: 90upx;
			display: flex;
			align-items: center;
			background-color: #F2F2F2;
			box-sizing: border-box;
			padding: 0 30upx;
			border-bottom: 1px solid #CCCCCC;
			font-size: 24upx;
			color: #333333;
			font-weight: 600;
		}

		>.two {
			height: 70upx;
			display: flex;
			align-items: center;
			background-color: #F8F8F8;
			box-sizing: border-box;
			padding: 0 30upx;
			font-size: 28upx;
			color: #7f7f7f;
			
		}
	}
</style>
